<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>icon example</title>
    <link rel="stylesheet" href="./page.css">
    <link rel="stylesheet" href="./icon.css">
</head>
<body>
    <div class="main">
        <h1>ylicon example</h1>
        <ul class="iconfont-list">
            
            <li>
            <i class="icon icon-wuguan"></i>
                <div class="code">\ecda</div>
                <div class="name">wuguan</div>
            </li>
            
            <li>
            <i class="icon icon-dissolve"></i>
                <div class="code">\e60c</div>
                <div class="name">dissolve</div>
            </li>
            
            <li>
            <i class="icon icon-team"></i>
                <div class="code">\e636</div>
                <div class="name">team</div>
            </li>
            
            <li>
            <i class="icon icon-indent_right"></i>
                <div class="code">\e638</div>
                <div class="name">indent_right</div>
            </li>
            
            <li>
            <i class="icon icon-indent_left"></i>
                <div class="code">\e63a</div>
                <div class="name">indent_left</div>
            </li>
            
            <li>
            <i class="icon icon-image_title"></i>
                <div class="code">\e64a</div>
                <div class="name">image_title</div>
            </li>
            
            <li>
            <i class="icon icon-docu_delete"></i>
                <div class="code">\e64c</div>
                <div class="name">docu_delete</div>
            </li>
            
            <li>
            <i class="icon icon-link_url"></i>
                <div class="code">\e64d</div>
                <div class="name">link_url</div>
            </li>
            
            <li>
            <i class="icon icon-save_as"></i>
                <div class="code">\e650</div>
                <div class="name">save_as</div>
            </li>
            
            <li>
            <i class="icon icon-collected"></i>
                <div class="code">\e666</div>
                <div class="name">collected</div>
            </li>
            
            <li>
            <i class="icon icon-collect"></i>
                <div class="code">\e667</div>
                <div class="name">collect</div>
            </li>
            
            <li>
            <i class="icon icon-page_right"></i>
                <div class="code">\e67a</div>
                <div class="name">page_right</div>
            </li>
            
            <li>
            <i class="icon icon-page_left"></i>
                <div class="code">\e67b</div>
                <div class="name">page_left</div>
            </li>
            
            <li>
            <i class="icon icon-minus"></i>
                <div class="code">\e699</div>
                <div class="name">minus</div>
            </li>
            
            <li>
            <i class="icon icon-plus"></i>
                <div class="code">\e69d</div>
                <div class="name">plus</div>
            </li>
            
            <li>
            <i class="icon icon-normal"></i>
                <div class="code">\e6bb</div>
                <div class="name">normal</div>
            </li>
            
            <li>
            <i class="icon icon-forward"></i>
                <div class="code">\e6d4</div>
                <div class="name">forward</div>
            </li>
            
            <li>
            <i class="icon icon-prove_up"></i>
                <div class="code">\e6d5</div>
                <div class="name">prove_up</div>
            </li>
            
            <li>
            <i class="icon icon-back1"></i>
                <div class="code">\e6d7</div>
                <div class="name">back1</div>
            </li>
            
            <li>
            <i class="icon icon-prove_down"></i>
                <div class="code">\e6d6</div>
                <div class="name">prove_down</div>
            </li>
            
            <li>
            <i class="icon icon-links"></i>
                <div class="code">\e6e6</div>
                <div class="name">links</div>
            </li>
            
            <li>
            <i class="icon icon-design"></i>
                <div class="code">\e6e9</div>
                <div class="name">design</div>
            </li>
            
            <li>
            <i class="icon icon-unlocked"></i>
                <div class="code">\e6ee</div>
                <div class="name">unlocked</div>
            </li>
            
            <li>
            <i class="icon icon-locked"></i>
                <div class="code">\e6ef</div>
                <div class="name">locked</div>
            </li>
            
            <li>
            <i class="icon icon-tag_home"></i>
                <div class="code">\e6fd</div>
                <div class="name">tag_home</div>
            </li>
            
            <li>
            <i class="icon icon-left_arrow"></i>
                <div class="code">\e6ff</div>
                <div class="name">left_arrow</div>
            </li>
            
            <li>
            <i class="icon icon-right_arrow"></i>
                <div class="code">\e701</div>
                <div class="name">right_arrow</div>
            </li>
            
            <li>
            <i class="icon icon-hybrid_all"></i>
                <div class="code">\e712</div>
                <div class="name">hybrid_all</div>
            </li>
            
            <li>
            <i class="icon icon-filter"></i>
                <div class="code">\e71b</div>
                <div class="name">filter</div>
            </li>
            
            <li>
            <i class="icon icon-alph_list"></i>
                <div class="code">\e71c</div>
                <div class="name">alph_list</div>
            </li>
            
            <li>
            <i class="icon icon-view"></i>
                <div class="code">\e728</div>
                <div class="name">view</div>
            </li>
            
            <li>
            <i class="icon icon-hide"></i>
                <div class="code">\e729</div>
                <div class="name">hide</div>
            </li>
            
            <li>
            <i class="icon icon-overview"></i>
                <div class="code">\e72b</div>
                <div class="name">overview</div>
            </li>
            
            <li>
            <i class="icon icon-team"></i>
                <div class="code">\e72e</div>
                <div class="name">team</div>
            </li>
            
            <li>
            <i class="icon icon-date"></i>
                <div class="code">\e734</div>
                <div class="name">date</div>
            </li>
            
            <li>
            <i class="icon icon-bingli"></i>
                <div class="code">\e73c</div>
                <div class="name">bingli</div>
            </li>
            
            <li>
            <i class="icon icon-bingfang"></i>
                <div class="code">\e73d</div>
                <div class="name">bingfang</div>
            </li>
            
            <li>
            <i class="icon icon-diaoping"></i>
                <div class="code">\e73e</div>
                <div class="name">diaoping</div>
            </li>
            
            <li>
            <i class="icon icon-chuangketie"></i>
                <div class="code">\e73f</div>
                <div class="name">chuangketie</div>
            </li>
            
            <li>
            <i class="icon icon-erduo"></i>
                <div class="code">\e740</div>
                <div class="name">erduo</div>
            </li>
            
            <li>
            <i class="icon icon-fangsheke"></i>
                <div class="code">\e741</div>
                <div class="name">fangsheke</div>
            </li>
            
            <li>
            <i class="icon icon-jiuhuche"></i>
                <div class="code">\e742</div>
                <div class="name">jiuhuche</div>
            </li>
            
            <li>
            <i class="icon icon-bingdu"></i>
                <div class="code">\e743</div>
                <div class="name">bingdu</div>
            </li>
            
            <li>
            <i class="icon icon-lunyi"></i>
                <div class="code">\e744</div>
                <div class="name">lunyi</div>
            </li>
            
            <li>
            <i class="icon icon-jizhen"></i>
                <div class="code">\e745</div>
                <div class="name">jizhen</div>
            </li>
            
            <li>
            <i class="icon icon-shiguan"></i>
                <div class="code">\e746</div>
                <div class="name">shiguan</div>
            </li>
            
            <li>
            <i class="icon icon-kou"></i>
                <div class="code">\e747</div>
                <div class="name">kou</div>
            </li>
            
            <li>
            <i class="icon icon-shaoping"></i>
                <div class="code">\e748</div>
                <div class="name">shaoping</div>
            </li>
            
            <li>
            <i class="icon icon-tingzhenqi"></i>
                <div class="code">\e749</div>
                <div class="name">tingzhenqi</div>
            </li>
            
            <li>
            <i class="icon icon-jianyan"></i>
                <div class="code">\e74a</div>
                <div class="name">jianyan</div>
            </li>
            
            <li>
            <i class="icon icon-tiwenji"></i>
                <div class="code">\e74c</div>
                <div class="name">tiwenji</div>
            </li>
            
            <li>
            <i class="icon icon-xishouye"></i>
                <div class="code">\e74d</div>
                <div class="name">xishouye</div>
            </li>
            
            <li>
            <i class="icon icon-xianweijing"></i>
                <div class="code">\e750</div>
                <div class="name">xianweijing</div>
            </li>
            
            <li>
            <i class="icon icon-xijun"></i>
                <div class="code">\e752</div>
                <div class="name">xijun</div>
            </li>
            
            <li>
            <i class="icon icon-yiyaoxiang"></i>
                <div class="code">\e754</div>
                <div class="name">yiyaoxiang</div>
            </li>
            
            <li>
            <i class="icon icon-yaowan"></i>
                <div class="code">\e755</div>
                <div class="name">yaowan</div>
            </li>
            
            <li>
            <i class="icon icon-yaoping"></i>
                <div class="code">\e756</div>
                <div class="name">yaoping</div>
            </li>
            
            <li>
            <i class="icon icon-yiyuan"></i>
                <div class="code">\e757</div>
                <div class="name">yiyuan</div>
            </li>
            
            <li>
            <i class="icon icon-zhusheqi"></i>
                <div class="code">\e758</div>
                <div class="name">zhusheqi</div>
            </li>
            
            <li>
            <i class="icon icon-yiyongjiandao"></i>
                <div class="code">\e75a</div>
                <div class="name">yiyongjiandao</div>
            </li>
            
            <li>
            <i class="icon icon-dna"></i>
                <div class="code">\e75b</div>
                <div class="name">dna</div>
            </li>
            
            <li>
            <i class="icon icon-yisheng"></i>
                <div class="code">\e75c</div>
                <div class="name">yisheng</div>
            </li>
            
            <li>
            <i class="icon icon-ditu2"></i>
                <div class="code">\e765</div>
                <div class="name">ditu2</div>
            </li>
            
            <li>
            <i class="icon icon-youshang1"></i>
                <div class="code">\e77b</div>
                <div class="name">youshang1</div>
            </li>
            
            <li>
            <i class="icon icon-gouwuche"></i>
                <div class="code">\e7f3</div>
                <div class="name">gouwuche</div>
            </li>
            
            <li>
            <i class="icon icon-gouwuche_kong"></i>
                <div class="code">\e7f6</div>
                <div class="name">gouwuche_kong</div>
            </li>
            
            <li>
            <i class="icon icon-gouwuche_jia"></i>
                <div class="code">\e7f8</div>
                <div class="name">gouwuche_jia</div>
            </li>
            
            <li>
            <i class="icon icon-fasong"></i>
                <div class="code">\e7f9</div>
                <div class="name">fasong</div>
            </li>
            
            <li>
            <i class="icon icon-dunpai"></i>
                <div class="code">\e7fe</div>
                <div class="name">dunpai</div>
            </li>
            
            <li>
            <i class="icon icon-huo"></i>
                <div class="code">\e800</div>
                <div class="name">huo</div>
            </li>
            
            <li>
            <i class="icon icon-jiangzhang_jifen"></i>
                <div class="code">\e802</div>
                <div class="name">jiangzhang_jifen</div>
            </li>
            
            <li>
            <i class="icon icon-lingdang"></i>
                <div class="code">\e808</div>
                <div class="name">lingdang</div>
            </li>
            
            <li>
            <i class="icon icon-jiangzhang_jifen"></i>
                <div class="code">\e80f</div>
                <div class="name">jiangzhang_jifen</div>
            </li>
            
            <li>
            <i class="icon icon-jiazai1"></i>
                <div class="code">\e81c</div>
                <div class="name">jiazai1</div>
            </li>
            
            <li>
            <i class="icon icon-shangdian"></i>
                <div class="code">\e82b</div>
                <div class="name">shangdian</div>
            </li>
            
            <li>
            <i class="icon icon-github"></i>
                <div class="code">\e879</div>
                <div class="name">github</div>
            </li>
            
            <li>
            <i class="icon icon-fangdajing"></i>
                <div class="code">\e8d1</div>
                <div class="name">fangdajing</div>
            </li>
            
            <li>
            <i class="icon icon-fangdajing1"></i>
                <div class="code">\e8dd</div>
                <div class="name">fangdajing1</div>
            </li>
            
            <li>
            <i class="icon icon-quit"></i>
                <div class="code">\e8df</div>
                <div class="name">quit</div>
            </li>
            
            <li>
            <i class="icon icon-search"></i>
                <div class="code">\e8f0</div>
                <div class="name">search</div>
            </li>
            
            <li>
            <i class="icon icon-xiugai_bi"></i>
                <div class="code">\e913</div>
                <div class="name">xiugai_bi</div>
            </li>
            
            <li>
            <i class="icon icon-xiugai_bi2"></i>
                <div class="code">\e914</div>
                <div class="name">xiugai_bi2</div>
            </li>
            
            <li>
            <i class="icon icon-history"></i>
                <div class="code">\e916</div>
                <div class="name">history</div>
            </li>
            
            <li>
            <i class="icon icon-notice"></i>
                <div class="code">\e935</div>
                <div class="name">notice</div>
            </li>
            
            <li>
            <i class="icon icon-jiantou_you"></i>
                <div class="code">\e994</div>
                <div class="name">jiantou_you</div>
            </li>
            
            <li>
            <i class="icon icon-dingwei"></i>
                <div class="code">\eaa6</div>
                <div class="name">dingwei</div>
            </li>
            
            <li>
            <i class="icon icon-dingwei1"></i>
                <div class="code">\eaa7</div>
                <div class="name">dingwei1</div>
            </li>
            
            <li>
            <i class="icon icon-dingwei2"></i>
                <div class="code">\eaaa</div>
                <div class="name">dingwei2</div>
            </li>
            
            <li>
            <i class="icon icon-dingwei4"></i>
                <div class="code">\eab8</div>
                <div class="name">dingwei4</div>
            </li>
            
            <li>
            <i class="icon icon-qiche2"></i>
                <div class="code">\eac1</div>
                <div class="name">qiche2</div>
            </li>
            
            <li>
            <i class="icon icon-naozhong"></i>
                <div class="code">\eae8</div>
                <div class="name">naozhong</div>
            </li>
            
            <li>
            <i class="icon icon-wancheng"></i>
                <div class="code">\eaed</div>
                <div class="name">wancheng</div>
            </li>
            
            <li>
            <i class="icon icon-naozhong1"></i>
                <div class="code">\eaf0</div>
                <div class="name">naozhong1</div>
            </li>
            
            <li>
            <i class="icon icon-shizhong"></i>
                <div class="code">\eaf9</div>
                <div class="name">shizhong</div>
            </li>
            
            <li>
            <i class="icon icon-aixinzhijia"></i>
                <div class="code">\eb18</div>
                <div class="name">aixinzhijia</div>
            </li>
            
            <li>
            <i class="icon icon-fabu"></i>
                <div class="code">\eb1a</div>
                <div class="name">fabu</div>
            </li>
            
            <li>
            <i class="icon icon-aixinzhijia1"></i>
                <div class="code">\eb1f</div>
                <div class="name">aixinzhijia1</div>
            </li>
            
            <li>
            <i class="icon icon-liaotian1"></i>
                <div class="code">\eb37</div>
                <div class="name">liaotian1</div>
            </li>
            
            <li>
            <i class="icon icon-liaotian2"></i>
                <div class="code">\eb3b</div>
                <div class="name">liaotian2</div>
            </li>
            
            <li>
            <i class="icon icon-danren"></i>
                <div class="code">\eb51</div>
                <div class="name">danren</div>
            </li>
            
            <li>
            <i class="icon icon-liaotian4"></i>
                <div class="code">\eb58</div>
                <div class="name">liaotian4</div>
            </li>
            
            <li>
            <i class="icon icon-danren1"></i>
                <div class="code">\eb5c</div>
                <div class="name">danren1</div>
            </li>
            
            <li>
            <i class="icon icon-liaotian7"></i>
                <div class="code">\eb69</div>
                <div class="name">liaotian7</div>
            </li>
            
            <li>
            <i class="icon icon-zhuye1"></i>
                <div class="code">\eb70</div>
                <div class="name">zhuye1</div>
            </li>
            
            <li>
            <i class="icon icon-zhuye2"></i>
                <div class="code">\eb73</div>
                <div class="name">zhuye2</div>
            </li>
            
            <li>
            <i class="icon icon-liaotian8"></i>
                <div class="code">\eb76</div>
                <div class="name">liaotian8</div>
            </li>
            
            <li>
            <i class="icon icon-haoping"></i>
                <div class="code">\ebdf</div>
                <div class="name">haoping</div>
            </li>
            
            <li>
            <i class="icon icon-wenjianbangong"></i>
                <div class="code">\ebf5</div>
                <div class="name">wenjianbangong</div>
            </li>
            
            <li>
            <i class="icon icon-wenjianbangong2"></i>
                <div class="code">\ebf6</div>
                <div class="name">wenjianbangong2</div>
            </li>
            
            <li>
            <i class="icon icon-chenggong1"></i>
                <div class="code">\ec07</div>
                <div class="name">chenggong1</div>
            </li>
            
            <li>
            <i class="icon icon-riqi1"></i>
                <div class="code">\ec09</div>
                <div class="name">riqi1</div>
            </li>
            
            <li>
            <i class="icon icon-zengjia"></i>
                <div class="code">\ec67</div>
                <div class="name">zengjia</div>
            </li>
            
            <li>
            <i class="icon icon-yiliaoqicai"></i>
                <div class="code">\ecaa</div>
                <div class="name">yiliaoqicai</div>
            </li>
            
            <li>
            <i class="icon icon-wuguan2"></i>
                <div class="code">\ecab</div>
                <div class="name">wuguan2</div>
            </li>
            
            <li>
            <i class="icon icon-dingdan2"></i>
                <div class="code">\ecac</div>
                <div class="name">dingdan2</div>
            </li>
            
            <li>
            <i class="icon icon-yimiao1"></i>
                <div class="code">\ecad</div>
                <div class="name">yimiao1</div>
            </li>
            
            <li>
            <i class="icon icon-huisixiang"></i>
                <div class="code">\ecae</div>
                <div class="name">huisixiang</div>
            </li>
            
            <li>
            <i class="icon icon-xiangzi1"></i>
                <div class="code">\ecb1</div>
                <div class="name">xiangzi1</div>
            </li>
            
            <li>
            <i class="icon icon-ganzang"></i>
                <div class="code">\ecb2</div>
                <div class="name">ganzang</div>
            </li>
            
            <li>
            <i class="icon icon-jijiu1"></i>
                <div class="code">\ecb3</div>
                <div class="name">jijiu1</div>
            </li>
            
            <li>
            <i class="icon icon-qiche120"></i>
                <div class="code">\ecb4</div>
                <div class="name">qiche120</div>
            </li>
            
            <li>
            <i class="icon icon-guzhe"></i>
                <div class="code">\ecb5</div>
                <div class="name">guzhe</div>
            </li>
            
            <li>
            <i class="icon icon-jingbao"></i>
                <div class="code">\ecb8</div>
                <div class="name">jingbao</div>
            </li>
            
            <li>
            <i class="icon icon-erlong"></i>
                <div class="code">\ecb9</div>
                <div class="name">erlong</div>
            </li>
            
            <li>
            <i class="icon icon-yiwurenyuan"></i>
                <div class="code">\ecba</div>
                <div class="name">yiwurenyuan</div>
            </li>
            
            <li>
            <i class="icon icon-lunyi"></i>
                <div class="code">\ecbb</div>
                <div class="name">lunyi</div>
            </li>
            
            <li>
            <i class="icon icon-xingbie"></i>
                <div class="code">\ecc1</div>
                <div class="name">xingbie</div>
            </li>
            
            <li>
            <i class="icon icon-shenzangsvg"></i>
                <div class="code">\ecc2</div>
                <div class="name">shenzangsvg</div>
            </li>
            
            <li>
            <i class="icon icon-jianchabaogao"></i>
                <div class="code">\ecc3</div>
                <div class="name">jianchabaogao</div>
            </li>
            
            <li>
            <i class="icon icon-yiliaoqicai2"></i>
                <div class="code">\ecc4</div>
                <div class="name">yiliaoqicai2</div>
            </li>
            
            <li>
            <i class="icon icon-xiaohua1"></i>
                <div class="code">\ecc9</div>
                <div class="name">xiaohua1</div>
            </li>
            
            <li>
            <i class="icon icon-xiaoxi"></i>
                <div class="code">\ecca</div>
                <div class="name">xiaoxi</div>
            </li>
            
            <li>
            <i class="icon icon-changdao"></i>
                <div class="code">\eccb</div>
                <div class="name">changdao</div>
            </li>
            
            <li>
            <i class="icon icon-shengyu"></i>
                <div class="code">\eccc</div>
                <div class="name">shengyu</div>
            </li>
            
            <li>
            <i class="icon icon-pinshuai"></i>
                <div class="code">\eccd</div>
                <div class="name">pinshuai</div>
            </li>
            
            <li>
            <i class="icon icon-yake"></i>
                <div class="code">\ecce</div>
                <div class="name">yake</div>
            </li>
            
            <li>
            <i class="icon icon-xinzang"></i>
                <div class="code">\eccf</div>
                <div class="name">xinzang</div>
            </li>
            
            <li>
            <i class="icon icon-wuguan3"></i>
                <div class="code">\ecd0</div>
                <div class="name">wuguan3</div>
            </li>
            
            <li>
            <i class="icon icon-wuguan6"></i>
                <div class="code">\ecd1</div>
                <div class="name">wuguan6</div>
            </li>
            
            <li>
            <i class="icon icon-yiwurenyuan2"></i>
                <div class="code">\ecd2</div>
                <div class="name">yiwurenyuan2</div>
            </li>
            
            <li>
            <i class="icon icon-yiyuan1"></i>
                <div class="code">\ecd7</div>
                <div class="name">yiyuan1</div>
            </li>
            
            <li>
            <i class="icon icon-xianweijing"></i>
                <div class="code">\ecd8</div>
                <div class="name">xianweijing</div>
            </li>
            
            <li>
            <i class="icon icon-bingdu2"></i>
                <div class="code">\ecd9</div>
                <div class="name">bingdu2</div>
            </li>
            
            <li>
            <i class="icon icon-xiangzi2"></i>
                <div class="code">\ecbc</div>
                <div class="name">xiangzi2</div>
            </li>
            
            <li>
            <i class="icon icon-xiaoxi-fill"></i>
                <div class="code">\ec88</div>
                <div class="name">xiaoxi-fill</div>
            </li>
            
            <li>
            <i class="icon icon-warning"></i>
                <div class="code">\ea8f</div>
                <div class="name">warning</div>
            </li>
            
            <li>
            <i class="icon icon-question"></i>
                <div class="code">\ea91</div>
                <div class="name">question</div>
            </li>
            
            <li>
            <i class="icon icon-info"></i>
                <div class="code">\ea92</div>
                <div class="name">info</div>
            </li>
            
            <li>
            <i class="icon icon-error"></i>
                <div class="code">\ea7f</div>
                <div class="name">error</div>
            </li>
            
            <li>
            <i class="icon icon-success"></i>
                <div class="code">\ea80</div>
                <div class="name">success</div>
            </li>
            
        </ul>
    </div>

</body>
</html>
